<template>
  <div class="right-wrap">
    <h3 class="home-title">大家都在抢</h3>
    <p>
      <span class="user-name">儛魅o寐鬼</span>抢到
      <span class="game-name">《部落冲突》</span> 的
      <span class="gift-name">《下载微信登录即钻石777大礼 包》</span>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <span class="time">10:58</span>
    </p>
    <p>
      <span class="user-name">卩s帝王灬战队</span>抢到
      <span class="game-name">《王者荣耀》</span> 的
      <span class="gift-name">《不知火舞英雄碎片》</span>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <span class="time">10:58</span>
    </p>
    <p>
      <span class="user-name">儛魅o寐鬼</span>抢到
      <span class="game-name">《部落冲突》</span> 的
      <span class="gift-name">《下载微信登录即钻石777大礼 包》</span>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <span class="time">10:58</span>
    </p>
    <p>
      <span class="user-name">卩s帝王灬战队</span>抢到
      <span class="game-name">《王者荣耀》</span> 的
      <span class="gift-name">《不知火舞英雄碎片》</span>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <span class="time">10:58</span>
    </p>
    <p>
      <span class="user-name">儛魅o寐鬼</span>抢到
      <span class="game-name">《部落冲突》</span> 的
      <span class="gift-name">《下载微信登录即钻石777大礼 包》</span>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <span class="time">10:58</span>
    </p>
    <p>
      <span class="user-name">卩s帝王灬战队</span>抢到
      <span class="game-name">《王者荣耀》</span> 的
      <span class="gift-name">《不知火舞英雄碎片》</span>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <span class="time">10:58</span>
    </p>
  </div>
</template>

<style lang="less" scoped>
.right-wrap {
  padding: 0 25px 20px;
  background: #fff;
  margin-bottom: 40px;
  box-shadow: 1px 1px 10px 1px #ddd;
  .home-title {
    line-height: 70px;
    border-bottom: 1px solid #eee;
  }
  p {
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
    color: #c4c4c4;
    position: relative;
  }
  .user-name {
    color: #2cd0ff;
  }
  .game-name {
    color: #ffa93a;
    font-weight: 600;
  }
  .gift-name {
    color: #333;
    font-weight: 600;
  }
  .time {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
</style>

